<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锤子商城 - 坚果手机、坚果 Pro 3 手机、坚果 R1 手机</title>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/index.css">
</head>
<script src="./libs/swiper/swiper.min.js"></script>
<body>
    <header>
    </header>
    <main>
        <nav>
            <div class="nav-warp w clearfix">
                <ul id="nav_list_warp">
                   
                </ul>
                <script type="text/html" id="nav_list">
                    {{each navList item}}
                         <li><a href="/html/list.html?search={{item.word}}">{{item.word}}</a></li>
                    {{/each}}
                </script>
                <form onsubmit="return false">
                    <i class="search-icon" id='searchIcon'></i>
                    <input type="text" id='searchInput' autocomplete="off">
                    <div class="links">
                        <a href="javascript:;">大宝贝</a>
                        <a href="javascript:;">二次元</a>
                    </div>
                    <ul id="title">
                    </ul>
                </form>
            </div>
            <div class="nav-info-warp">
                <ul class='nav-info w' id='nav-info-warp'>
                   
                </ul>
                <script type='text/html' id='nav-info'>
                    {{each groupList item}}
                        <li>
                            <h3>品牌</h3>
                            <ul>
                                {{each item shop}}
                                    <li>
                                        <a href="/html/shopinfo.html?id={{shop.id}}"><img src="{{shop.image}}" alt=""></a>
                                        <span>{{shop.commodityId}}</span>
                                    </li>
                                {{/each}}
                            </ul>
                        </li>
                    {{/each}}
                </script>
            </div>
        </nav>
        <div class="main w">
            <div class="lunbotu">
                <div class="swiper-container">
                    <div class="swiper-wrapper" id='banner_warp'>
                        
                    </div>
                    <script type='text/html' id="banner">
                        {{each bannerList item}}
                             <div class="swiper-slide"><a href="/html/list.html?id={{item.url.slice(20)}}" class='bannerUrl'><img src="{{item.imageUrl}}"></a></div>
                        {{/each}}
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination" id='swiper-pagination'></div>
                    </script>
                </div>
            </div>
            <div class="link">
                <ul class="clearfix" id='index_link_warp'> 
                </ul>
                <script type='text/html' id='index_link'>
                    {{each linkList item}}
                         <li><a href="/html/list.html?id={{item.url.slice(20)}}"><img src="{{item.image}}" alt=""></a></li>
                    {{/each}}
                </script>
            </div>
            <div class="content-list">
                <ul>
                    <li>
                        <div class="header">
                            <div class="title">热门商品</div>
                            <div class="right">
                                <button class='goprev disabled' disabled id='top_goprev'></button>
                                <button class='gonext' id='top_gonext'></button>
                            </div>
                        </div>
                        <div class="content">
                            <ul id='index_content_top_warp'>
                               
                            </ul>
                            <script type='text/html' id='index_content_top'>
                                {{each topList item}}
                                    <li>
                                        <a href="/html/shopinfo.html?id={{item.id}}"><img src="{{item.image}}" alt=""></a>
                                        <div class="title">{{item.title}}</div>
                                        <p>{{item.qunTitle}}</p>
                                        <div class="price">￥<span>{{item.price}}</span><i></i></div>
                                    </li>
                                {{/each}}
                            </script>
                        </div>
                    </li>
                    <li>
                        <div class="header">
                            <div class="title">推荐商品</div>
                        </div>
                        <div class="content">
                            <ul id='index_content_center_warp' class='upDataMsg'>
                            </ul>
                            <script type='text/html' id='index_content_center'>
                                {{each contentList item}}
                                    <li data-id={{item.id}}>
                                        {{if item.couponValue}}
                                            <span class='huodong'>{{item.couponValue}}</span>
                                        {{/if}}
                                             <a href="/html/shopinfo.html?id={{item.id}}"><img src="{{item.image}}"></a>
                                        {{if item.type===1}}
                                            <div class="title">{{item.title}}</div>
                                            <p>{{item.qunTitle}}</p>
                                            <div class="price">￥<span>{{item.price}}</span><i></i></div>
                                        {{/if}}
                                    </li>
                                {{/each}}
                            </script>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </main>
    <footer>
    </footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index/index"></script>
</html>